<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
});
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="${ctx}/css/Tree.css" />
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css" />
<script type="text/javascript" src="lib/datatables/js/jquery.dataTables.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#example').dataTable( {
            "sPaginationType": "full_numbers"
        } );
    } );
</script>
<!-- DATATABLES CSS END -->

                <h1 class="page-title">合同版本审核</h1>
                <div class="container_12 clearfix leading">

                <div class="tabs side grid_4 leading">
                        <ul class="clearfix">
                            <li><a href="#" class="current">集团公司</a></li>
                            <li><a href="#">上海分公司</a></li>
                            <li><a href="#">纽约分公司</a></li>

                        </ul>
                        <section>
                            <section class="clearfix" style="display: block;">

                                <div class="grid_12 alpha">
                                 <div id=tree></div>
                                </div>

                            </section>
                            <section class="clearfix" style="display: none;">
                                请按新建按钮
                            </section>
                            <section class="clearfix" style="display: none;">
                                请按新建按钮
                            </section>

                        </section>
                    </div>


                    <div class="tabs side grid_8 leading">

                    <div class="grid_12">
                        <div id="demo" class="clearfix">
                            <table class="display" id="example">
                                <thead>
                                    <tr>
                                        <th>选择</th>
                                        <th>名称</th>
                                        <th>版本</th>
                                        <th>上传时间</th>
                                        <th>审核状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="gradeX">
                                        <td><input type="checkbox" id="form-updates" value="1" /></td>
                                        <td>
                                            劳工合同
                                      </td>
                                      <td>1.0</td>
                                        <td>2010-10-24</td>
                                        <td><a class="button" href="#合同版本审核_New.html"><span style="background:url(${ctx}/images/img/script_error.png)" class="icon">&nbsp;</span>未审核</a></td>
<div id="simple-popover" class="popover">
    <header>
        审核状态
    </header>
    <section>
        <div class="content">
            <nav>
                <ul>
                	<li class="new"><a><span class="avatar"></span><button class="button" type="reset" ><span class="icon" style="background:url(${ctx}/images/img/accept.png)">&nbsp;</span>已审核</button></a></li>
                    <li class="read"><a><span class="avatar"></span>



                    <input type="radio" name="r1"> 同意

                   <input type="radio" name="r1"> 不同意
                     <button class="button" type="reset" ><span class="icon" style="background:url(${ctx}/images/img/help.png)">&nbsp;</span>确定审核</button>


                   </a></li>
                    <li class="read"><a><span class="avatar"></span><button class="button" type="reset" ><span class="icon" style="background:url(${ctx}/images/img/information.png)">&nbsp;</span>未审核</button></a></li>
                    <li class="read"><a><span class="avatar"></span><button class="button" type="reset" ><span class="icon" style="background:url(${ctx}/images/img/information.png)">&nbsp;</span>未审核</button></a></li>
                    <li class="read"><a><span class="avatar"></span><button class="button" type="reset" ><span class="icon" style="background:url(${ctx}/images/img/information.png)">&nbsp;</span>未审核</button></a></li>
                </ul>
            </nav>
        </div>
    </section>
</div>
<script>
    $(document).ready(function() {
        $('#simple-button').popover('#simple-popover',{});
        $('#top-button').popover('#top-popover', {preventLeft: true, preventRight: true, preventBottom:true});
    });
</script>

                                    </tr>
                                    <tr class="gradeC">
                                        <td><input type="checkbox" id="form-updates2" value="1" /></td>
                                        <td>劳工合同</td>
                                        <td>2.0</td>
                                        <td>2010-10-24</td>
                                        <td><a class="button" href="#合同版本审核_New.html"><span style="background:url(${ctx}/images/img/script_error.png)" class="icon">&nbsp;</span>未审核</a></td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td><input type="checkbox" id="form-updates3" value="1" /></td>
                                        <td>劳动合同</td>
                                        <td>3.0</td>
                                        <td>2010-10-24</td>
                                        <td><a class="button" href="#合同版本审核_New.html"><span style="background:url(${ctx}/images/img/script_error.png)" class="icon">&nbsp;</span>未审核</a></td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td><input type="checkbox" id="form-updates4" value="1" /></td>
                                        <td>保密合同</td>
                                        <td>1.0</td>
                                        <td>2010-10-24</td>
                                        <td><a class="button" href="#合同版本审核_New.html"><span style="background:url(${ctx}/images/img/script_error.png)" class="icon">&nbsp;</span>未审核</a></td>
                                    </tr>
                                    <tr class="gradeA">
                                        <td><input type="checkbox" id="form-updates5" value="1" /></td>
                                        <td>不正当竞争合同</td>
                                        <td>1.0</td>
                                        <td>2010-10-24</td>
                                        <td><a class="button" href="#"><span style="background:url(${ctx}/images/img/accept.png)" class="icon icon-ok">&nbsp;</span>审核通过</a></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>


                </div>
                </div>

                <div class="clear"></div>


    <script type="text/javascript" src="js/Tree.js"></script>
